<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LiteLog Administration</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
<style type="text/css">
body{
	font-size:12px;
	margin:0;
	padding:0;
	font-family: Arial; 
}
ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
a{
	color:#4D5D2C;
	text-decoration: none;
}
#top{
	margin:0;
	padding:0;
	height:66px;
	background:url("images/top_right.jpg") no-repeat right;
	/*overflow:hidden;*/
}
#top_left {
	float: left;
}
#top_left h1{
	margin: 14px 0 0 20px;
	color: green;
	font-size: 32px;
	/*text-shadow: 0 0 1px #87A34D;*/
}
#top_right {
	float: right;
}
#top_right_top {
	width: 270px;
	margin: 8px 10px 0 0;
	text-align: right;
}
#top_right_bottom {
	width: 270px;
	margin: 22px 10px 0 0;
	text-align: left;
	color: #990000;
}

#top_line{
	height:11px;
	left:0;
	position:absolute;
	right:0;
	top:66px;
}
.topline {
	background:url("images/leftbg.gif") repeat-x scroll 0 -107px transparent;
	border-left:8px solid #FFFFFF;
	border-right:0 none;
	height:11px;
	width:auto;
}
.toplineimg  {
	background:url("images/topbg.gif") repeat scroll -179px 0 transparent;
}
.toplineimg {
	height:11px;
	width:184px;
}
#left{
	bottom:0;
	height:auto;
	left:8px;
	position:absolute;
	top:77px;
	width:179px;
	border-right: 1px solid #87A34D;
	background:url("images/topbg.gif") repeat-y scroll 0 0 transparent;
}
#left_nav{
	margin: 20px 5px 0 6px;
}
/*
.ul_li_nav li{
	line-height: 22px;
	padding:0 2px 0 13px;
}
.ul_li_nav li:hover{
	background: #EBF4D8;
}
*/
.left_nav_link{
	width:152px;/*158px*/
	display:block;
	padding: 0 0 0 16px;
	line-height: 26px;
	font-weight: bold;
	margin: 0 0 1px 0;
}
.left_nav_link:hover{
	background: #EBF4D8;
}
.left_nav_link_selected{
	width:142px;/*158px*/
	display:block;
	padding: 0 0 0 14px;
	line-height: 26px;
	font-weight: bold;
	margin: 0 0 1px 12px;
	background: #87A34D;
	color:#FFFFFF;

}

#leftNavBottom {
	background-repeat:no-repeat;
	bottom:0;
	height:13px;
	overflow:hidden;
	position:absolute;
}
.navbottom  {
	background:url("images/topbg.gif") no-repeat scroll -179px -11px transparent;
	width:179px;
}
#mainFrameContainer{
	bottom:34px;
	left:192px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:77px;
	z-index:4;
}
#mainFrame {
	height:100%;
	width:100%;
	z-index:5;
	scrollbar-face-color: #990000;
}
#footer {
	bottom:0;
	right:0;
	left:188px;
	height:30px;
	overflow:hidden;
	position:absolute;
	background-color:#87A34D;
}
#footer p{
	margin:0;
	line-height:30px;
	text-align:center;
	color: #4D5D2C;
	font-weight: bold;
}
#footer p a{
	color: #4D5D2C;
}
</style>
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ 
	$(".left_nav_link, .left_nav_link_selected").click(
		function(){
			$('.left_nav_link_selected').attr("class","left_nav_link"); 
			$(this).attr("class","left_nav_link_selected"); 
			}
	);
});
</script>
</head>

<body>
<div id="top">
	<div id="top_left">
		<h1>LiteLog</h1>
	</div>
	<div id="top_right">
		<div id="top_right_top"><a href="#">帮助中心</a> | <a href="#">退出</a></div>
		<div id="top_right_bottom">欢迎使用LiteLog</div>
	</div>
</div>
<div id="top_line">
	<div class="topline">
			<div id="imgLine" class="toplineimg left"></div>
	</div>
</div>
<div id="left">
	<div id="left_nav">
		<ul class="ul_li_nav">
			<li><a class="left_nav_link" target="mainFrame" href="/admin?entity=post&option=list&page=1">文档管理</a></li>
			<li><a class="left_nav_link" target="mainFrame" href="newPost.jsp" >新建文档</a></li>
			<li><a href="category.jsp" class="left_nav_link" target="mainFrame">分类管理</a></li>
			<li><a href="/admin?entity=comment&option=list" class="left_nav_link" target="mainFrame">评论管理</a></li>
			<li><a href="link.jsp" class="left_nav_link" target="mainFrame">链接管理</a></li>
			<li><a href="/admin?entity=photo&option=list" class="left_nav_link" target="mainFrame">图片管理</a></li>
			<li><a href="rssSource.jsp" class="left_nav_link" target="mainFrame">RSS订阅管理</a></li>
			<li><a href="about.html" class="left_nav_link" target="mainFrame">系统设定</a></li>
			<li><a href="about.html" class="left_nav_link_selected" target="mainFrame">关于LiteLog</a></li>
		</ul>
	</div>
	<div id="leftNavBottom" class="navbottom"></div>
</div>
<div id="mainFrameContainer">
	<iframe frameborder="no" scrolling="auto" hidefocus="" onload="" id="mainFrame" name="mainFrame" src="about.html"></iframe>
</div>
<div id="footer">
	<p>&copy;2009-2010 LiteLog <a href="http://www.mimaiji.com" target="_blank">DualR</a>, all rights reserved | 由 <a href="http://appspot.com/" target="_blank">Google AppEngine</a> 强力驱动 </p>
</div>
</body>
</html>
